<template>
  <div class="">
    <h1>购物车页面</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    console.log(this);
  },
  methods: {},
  components: {},
  beforeRouteEnter(to, from, next) {
    console.log(this); //没有this 因为路由还没好 更别说实例了
    next((vm) => {
      // vm代表实例 就是之前的this
      if (vm.$store.state.user != "") {
        next();
      } else {
        next("/login");
      }
    });
  },
  //组件级守卫
  //   注意的是在这个守卫中this不能直接使用
};
</script>

<style lang="scss"></style>
